<template>
	<view class="content">
		<view class="video-content">
			<video class="video" id="myVideo" :src="src" @error="videoErrorCallback"  controls></video>
		</view>
	</view>
</template>

<script setup>
	import { ref, onMounted } from 'vue';
	import { useStore } from 'vuex';
	
	const store = useStore();
	console.log(store, 'st');
	const src = ref('https://pulll.gieqd.com/jf/liveroom01.m3u8?auth_key=1714034304-0-0-dcf77b00646bf425b9252e7a7660ea1a');
	
	const videoErrorCallback = (e) => {
	  console.log('视频错误信息:');
	  console.log(e.target.error.message);
	};
	const updateInput = async () => {
	  const res = await store.dispatch('getDicts', 'sys_forbid_time');
	  console.log(res, 'res-------------');
	};	
	onMounted(() => {
	  updateInput();
	});
</script>

<style lang="scss" scoped>
	.video-content{
		width: 100%;
		.video{
			width: 100%;
		}
	}
</style>
